<template>
    <div class="long-rent-container long-rent-plan">
        <div class="long-rent-content">
            <div class="container-title">提供全方位长期解决方案</div>
        <div class="flex-items">
            <div class="plan-item plan1">
                <div class="plan-desc">
                    <div class="plan-desc-title">租期灵活</div>
                    <div class="plan-desc-detail">满足您的不同使用需求，90天至365天随意选择，租赁更随心</div>
                </div>
            </div>
            <div class="plan-item plan2">
                <div class="plan-desc">
                    <div class="plan-desc-title">超值优惠</div>
                    <div class="plan-desc-detail">长租价格更优惠，尊享分期支付，轻松租赁，使用更放心</div>
                </div>
            </div>
            <div class="plan-item plan3">
                <div class="plan-desc">
                    <div class="plan-desc-title">专属服务</div>
                    <div class="plan-desc-detail">为企业提供专属免押、资金管理、税务服务等多项尊享服务</div>
                </div>
            </div>
        </div>
    </div>
</div>
</template>
<style scoped>
.long-rent-container {
    padding-top: 60px;
    padding-bottom: 100px;
}
.long-rent-plan {
    background-color: white;
}
.long-rent-content {
    width: 1200px;
    margin: 0 auto; 
}
.long-rent-container .container-title {
    font-size: 32px;
    color: #171721;
    text-align: center;
    padding-bottom: 110px;
    letter-spacing: 5px;
} 
.flex-items {
    display: flex;
    justify-content: space-between;
    /* height: 560px; */
}

 .long-rent-plan .plan-item.plan1 {
    background-image: url(https://cars.zuchecdn.com/static/img/f1_3883c1e7ea630bc557bbcff8bee7f30d.png);
    
}
.long-rent-plan .plan-item.plan2 {
    background-image: url(https://cars.zuchecdn.com/static/img/f2_de83e6331d4822790a12e24bff535721.png);
    
}
.long-rent-plan .plan-item.plan3 {
    background-image: url(https://cars.zuchecdn.com/static/img/f3_b2eafb535855aea0341410f419cbe28a.png);
    
}
.plan-item {
    width: 390px;
    height: 538px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 15px;
    overflow: hidden;
}
.plan-desc {
    padding: 30px 45px 12px;
    text-align: center;
    color: #78472c;
    background: rgba(255,202,111,.9);
    background: linear-gradient(180deg,#ffe1ad 0,rgba(255,202,111,.8));
}
.plan-desc-title {
    font-size: 40px;
}
.plan-desc-detail {
    font-size: 26px;
    line-height: 1.3;
} 
</style>